import { Toast } from "antd-mobile";

export const headers = new Headers({
  "Content-Type": "application/json",
});

interface ResData<T = null> {
  cnmsg: string;
  code: number;
  data: T;
  enmsg: string;
}

const codeMessage = {
  200: "服务器成功返回请求的数据。",
  201: "新建或修改数据成功。",
  202: "一个请求已经进入后台排队（异步任务）。",
  204: "删除数据成功。",
  400: "发出的请求有错误，服务器没有进行新建或修改数据的操作。",
  401: "用户没有权限（令牌、用户名、密码错误）。",
  403: "用户得到授权，但是访问是被禁止的。",
  404: "发出的请求针对的是不存在的记录，服务器没有进行操作。",
  406: "请求的格式不可得。",
  410: "请求的资源被永久删除，且不会再得到的。",
  422: "当创建一个对象时，发生一个验证错误。",
  500: "服务器发生错误，请检查服务器。",
  502: "网关错误。",
  503: "服务不可用，服务器暂时过载或维护。",
  504: "网关超时。",
};

/**
 * 注意 try catch 能够捕获 promise.reject()   === Promise.catch
 *
 * 请求中不用抛出异常
 */

function handleError(code: number, message: string = "") {
  const msg = codeMessage[code] ?? message;

  const data: ResData = {
    cnmsg: msg,
    data: null,
    enmsg: message,
    code,
  };
  Toast.show({
    icon: "fail",
    content: msg,
  });
  return Promise.reject(data);
}

/**
 * fetchRequest
 */
export async function fetchRequest<T>(url: string, params?: object) {
  const body = JSON.stringify({
    data: params,
  });

  try {
    const res = await fetch(url, {
      method: "POST",
      headers,
      body,
      mode: "same-origin",
      credentials: "include",
    });
    if (res?.status === 200) {
      const data: ResData<T> = await res?.json();
      if (data?.code === 200 && data?.enmsg === "ok") {
        return data?.data;
      }
      if (data.code === 401) {
        const form = window.location.pathname;
        /** origin为域名  跳转是必须携带基础路径， */
        if (!form.includes("/login")) {
          window.location.replace(
            `${window.location.origin}/manage/login?from=${form}`
          );
        }
        return Promise.reject(data);
      }
      return Promise.reject(data);
    } else {
      return handleError(res?.status, res?.statusText);
    }
  } catch (error) {
    const { message } = error as Error;
    return handleError(-1, message);
  }
}
